
<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="author" content="">

    <link rel="icon" href="https://cdn.jsdelivr.net/npm/@bootcss/v3.bootcss.com@1.0.17/favicon.ico">
    <link rel="canonical" href="https://getbootstrap.com/docs/3.4/examples/non-responsive/">

    <title>Non-responsive Template for Bootstrap</title>

    <link href="https://cdn.jsdelivr.net/npm/@bootcss/v3.bootcss.com@1.0.17/dist/css/bootstrap.min.css" rel="stylesheet">

    <link href="https://cdn.jsdelivr.net/npm/@bootcss/v3.bootcss.com@1.0.17/assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet">

    <link href="https://cdn.jsdelivr.net/npm/@bootcss/v3.bootcss.com@1.0.17/examples/non-responsive/non-responsive.css" rel="stylesheet">

    <!--[if lt IE 9]><script src="https://cdn.jsdelivr.net/npm/@bootcss/v3.bootcss.com@1.0.17/assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
    <script src="https://cdn.jsdelivr.net/npm/@bootcss/v3.bootcss.com@1.0.17/assets/js/ie-emulation-modes-warning.js"></script>

      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style>
        ul{
            list-style: none;
        }
        .pl>li{
            padding-top: 10px;
            border-bottom: 1px solid black;
        }
        .pl>li>ul>li{
            padding-bottom: 10px;
        }
    </style>
  </head>

  <body>

    <!-- Fixed navbar -->
    <nav class="navbar navbar-default navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <a class="navbar-brand" href="#">zzy_forum</a>
        </div>
        <div id="navbar">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">详情</a></li>
            <li><a href="/blogs/all_forum/{{ blog.user_id }}">所有作品</a></li>
            
          </ul>
          <ul class="nav navbar-nav navbar-right">
            <li><a href="/blogs/like_de/{{ blog.id }}">{{ like }}</a></li>
            <li><a href="/user/addfriend/{{ blog.user_id }}/{{ blog.id }}">{{ detail }}</a></li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </nav>

    <div class="container">
      <div class="page-header">
        <h1>{{ blog.title }}</h1>
        <p class="lead" style="font-size:25px">作者: {{ user.username }}</p>
      </div>

        <p style="font-size:20px"><pre>{{ blog.content }}</pre></p>
        <br>
        <br>
        <br>
      <h3>时间: {{ blog.create_time }}</h3>
      <hr>
    </div> <!-- /container -->

    <div class="container">
        <h2>评论</h2>
        <form action="/blogs/comment/{{ blog.id }}" method="post">
            <textarea name="content" class="form-control" rows="3" style="font-size: 20px;"></textarea>
            <button type="submit">提交</button>
        </form>

        <div>
            <ul class="pl">
                {% for comment in comments %}
                    <li>
                        <ul>
                            <li>用户: {{ comment.username }}</li>
                            <li>{{ comment.content }}</li>
                            <li>时间: {{ comment.create_time }}</li>
                        </ul>
                    </li>
                {% endfor %}
            </ul>
        </div>

    </div>
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js" integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous"></script>
    <script>window.jQuery || document.write('<script src="https://cdn.jsdelivr.net/npm/@bootcss/v3.bootcss.com@1.0.17/assets/js/vendor/jquery.min.js"><\/script>')</script>
    <script src="https://cdn.jsdelivr.net/npm/@bootcss/v3.bootcss.com@1.0.17/dist/js/bootstrap.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@bootcss/v3.bootcss.com@1.0.17/assets/js/ie10-viewport-bug-workaround.js"></script>
  </body>
</html>
